<?php defined('IN_IA') or exit('Access Denied');?><div class="fe-panel-editor-ico"></div>
                     <div class="fe-panel-editor-title">主菜单样式<span style="font-size: 12px; margin-left: 10px;"></span></div>
                            <div class="fe-panel-editor-line" style="margin-top:10px">
                                <div class="fe-panel-editor-name">菜单名称</div>
                                <div class="fe-panel-editor-con">
                                    <input class="fe-panel-editor-input1" name="menuname" placeholder="菜单名称，便于搜索" value="<?php  echo $menu['menuname'];?>" />
                                </div>
                                   </div>
                                   <div class="fe-panel-editor-line">
                                  <div class="fe-panel-editor-name">菜单类型</div>
                                <div class="fe-panel-editor-con">
                                      
                                    <label style="cursor:pointer; margin-right: 10px;"><input type="radio"  name="isdefault"  ng-model="params.isdefault" value="0"/>自定义</label>
                                    <label style="cursor:pointer; margin-right: 10px;"><input type="radio"  name="isdefault"  ng-model="params.isdefault" value="1" />全站统一</label>
                                </div>
                                 </div>
                                    <div class="fe-panel-editor-line">
                                 <div class="fe-panel-editor-name">预览背景色</div>
                                <div class="fe-panel-editor-con">
                                    <input class="fe-panel-editor-input2" type="color" ng-model="params.previewbg"  />
                                </div>
                                    <div class="fe-panel-editor-name">(制作时可见)</div>
                            </div>
                       <div class="fe-panel-editor-line">
                      
                       <div class="fe-panel-editor-name">文字设置</div>
                                <div class="fe-panel-editor-con">
                                      
                                    <label style="cursor:pointer; margin-right: 10px;"><input type="radio"  name="showtext"  ng-model="params.showtext" value="1"/> 显示</label>
                                    <label style="cursor:pointer; margin-right: 10px;"><input type="radio"  name="showtext"  ng-model="params.showtext" value="0" /> 不显示</label>
                                </div>
                   
                        <div class="fe-panel-editor-name">颜色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.textcolor" ng-change="clear()"  />
                        </div>
                        <div class="fe-panel-editor-name">选中色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.textcolorhigh" ng-change="clear()" />
                        </div>
                    </div>
                         <div class="fe-panel-editor-line">
                      
                       <div class="fe-panel-editor-name">图标设置</div>
                                <div class="fe-panel-editor-con">
                                    <label style="cursor:pointer; margin-right: 10px;"><input type="radio" value="0" name="showicon" ng-model="params.showicon"  /> 不显示</label>
                                      <label style="cursor:pointer; margin-right: 10px;"><input type="radio" value="1" name="showicon" ng-model="params.showicon"  /> 左侧</label>
                                      <label style="cursor:pointer; margin-right: 10px;"><input type="radio" value="2" name="showicon" ng-model="params.showicon"  /> 上侧</label>
                                </div>
                
                       <div class="fe-panel-editor-name">颜色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.iconcolor"  ng-change="clear()"/>
                        </div>
                        <div class="fe-panel-editor-name">选中色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.iconcolorhigh" ng-change="clear()"/>
                        </div>
</div>
                                <div class="fe-panel-editor-line">
                        <div class="fe-panel-editor-name">边框设置</div>
                            <div class="fe-panel-editor-con">
                                      <label style="cursor:pointer; margin-right: 10px;"><input type="radio" name="showborder" value="1" ng-model="params.showborder" /> 显示</label>
                                      <label style="cursor:pointer; margin-right: 10px;"><input type="radio" name="showborder" value="0" ng-model="params.showborder"  /> 不显示</label>
                                </div>
                        <div class="fe-panel-editor-name">颜色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.bordercolor" ng-change="clear()"/>
                        </div>
                         <div class="fe-panel-editor-name">选中色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.bordercolorhigh"  ng-change="clear()" />
                        </div>
                       </div>
                       
                       <div class="fe-panel-editor-line">
                        <div class="fe-panel-editor-name">背景设置</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.bgcolor" ng-change="clear()"/>
                        </div>
                        <div class="fe-panel-editor-name">选中色</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.bgcolorhigh" ng-change="clear()" />
                        </div>
                         <div class="fe-panel-editor-name">透明度</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" style="width:100px;" type="text" ng-model="params.bgalpha" ng-change="clear()" placeholder="0.1-1" />
                        </div>
                    </div> 
                
                     <div class="fe-panel-editor-title">二级菜单样式<span style="font-size: 12px; margin-left: 10px;"></span></div>
                       
                        <div class="fe-panel-editor-line">
                     <div class="fe-panel-editor-name">文字颜色</div>
                     <div class="fe-panel-editor-con">
                                    <input class="fe-panel-editor-input2" type="color" ng-model="params.textcolor2"  />
                     </div>
           
                     <div class="fe-panel-editor-name">边框颜色</div>
                     <div class="fe-panel-editor-con">
                                    <input class="fe-panel-editor-input2" type="color" ng-model="params.bordercolor2"  />
                     </div>
               
                        <div class="fe-panel-editor-name">背景设置</div>
                        <div class="fe-panel-editor-con">
                            <input class="fe-panel-editor-input2" type="color" ng-model="params.bgcolor2" />
                        </div>
                    </div> 
                     
                      <div class="fe-panel-editor-title">菜单结构<span style="font-size: 12px; margin-left: 10px;"></span></div>
                       
                     <div class="fe-panel-editor-line">
                         <div class="table-responsive panel-body" style="height:auto; ">
                             <table>
                                 <tbody class="ui-sortable">
                                     <tr ng-repeat="menu in menus" class="hover ng-scope">
                                         <td style="border-top:none;">
                                             <div class="parentmenu" style="position: relative">
                                                 <input type="hidden" class="icon" ng-model="menu.icon" />
                                                 名称： <input type="text" ng-model="menu.title" style="display:inline-block;width:80px;" class="fe-panel-editor-input1 ng-pristine ng-untouched ng-valid">
                                              <span ng-show="menu.subMenus.length<=0">  链接：  </span><input type="text" ng-model="menu.url" style="display:inline-block;width:150px;" ng-show="menu.subMenus.length<=0" class=" url fe-panel-editor-input1 ng-pristine ng-untouched ng-valid"  />
                                              
                                                 <a  class="btn btn-default btn-sm btn-move" title="拖动调整此菜单位置" href="javascript:;"><i class="fa fa-arrows"></i></a>
                                                 <a class="btn btn-sm" ng-class="{'btn-default':menu.icon=='','btn-warning':menu.icon!=''}" title="选择图标"  ng-click="selectIcon(menu,$event)" href="javascript:;"><i class="fa fa-github-alt"></i></a>
                                                 <a class="btn  btn-sm" ng-class="{'btn-default':menu.url=='','btn-warning':menu.url!=''}" title="选择链接" ng-show="menu.subMenus.length<=0" ng-click="selectUrl(menu,$event)" href="javascript:;"><i class="fa fa-link"></i></a>
                                            
                                                 <div  class="popovermenu  bottom">
                                                     <div class="arrow" style="left: 50%;"></div>
                                                     <h3 class="popovermenu-title">[{{menu.title}}]链接</h3>
                                                     <div class="popovermenu-content">
                                                         <input type="text"  style="width: 330px;" class="form-control" ng-model="menu.url">
                                                         <button class="btn btn-default" type="button" ng-click='chooseUrl(menu)'>选择</button>&nbsp;
                                                           <div class="clear"> </div> <div style="margin-top:10px" >   <button class="btn btn-danger " type="button" ng-click="clearUrl(menu,$event)">清除</button>
                                                         <button class="btn btn-success save" type="button" ng-click="confirmUrl(menu,$event)">确定</button>
                                                             </div>
                                                     </div>
                                                 </div>
                                              
                                                 
                                                 <a class="btn btn-danger btn-sm" title="删除此菜单" ng-click="deleteMenu(menu)" href="javascript:;"><i class="fa fa-remove"></i></a>
                                                 <a class="btn btn-default btn-sm" title="添加子菜单" ng-click="addSubMenu(menu, this);" href="javascript:;"><i class="fa fa-plus"></i> 子菜单</a>
                                                 
                                                 
                                             </div> 
                                             <div class="designer ui-sortable" style="position: relative;">
                                                 <div style="position: relative;margin-top:5px;padding-left:20px;background:url('<?php  echo RESOURCE_ROOT;?>/weengine/images/bg_repno.gif') no-repeat -245px -545px;" ng-repeat="sub in menu.subMenus" class="ng-scope">
                                                      名称：<input type="text" ng-model="sub.title" style="display:inline-block;width:80px;" class="fe-panel-editor-input1 ng-pristine ng-untouched ng-valid">
                                                    链接：<input type="text" ng-model="sub.url" style="display:inline-block;width:200px;" class=" url fe-panel-editor-input1 ng-pristine ng-untouched ng-valid" />
                                                    <a class="btn btn-default btn-sm btn-move" title="拖动调整此菜单位置" href="javascript:;"><i class="fa fa-arrows"></i></a>
                                                     <a class="btn btn-sm" ng-class="{'btn-default':sub.url=='','btn-warning':sub.url!=''}" title="选择链接"  ng-click="selectUrl(sub,$event)"  href="javascript:;"><i class="fa fa-link"></i></a>
                                                      
                                                     <div class="popovermenu bottom">
                                                         <div class="arrow" style="left: 50%;"></div>
                                                     <h3 class="popovermenu-title">[{{sub.title}}]链接</h3>
                                                     <div class="popovermenu-content">
                                                         <input type="text"  style="width: 330px;" class="form-control" ng-model='sub.url' />
                                                         <button class="btn btn-default" type="button" ng-click='chooseUrl(sub)'>选择</button>&nbsp;
                                                     <div class="clear"> </div> <div style="margin-top:10px" > <button class="btn btn-danger " style="margin-right:10px"  type="button" ng-click="clearUrl(sub,$event)">清除</button>
                                                         <button class="btn btn-success save" type="button" ng-click="confirmUrl(sub,$event)">确定</button>
                                                        </div>
                                                     </div>
                                                     </div>
                                                     
                                                     <a class="btn btn-danger btn-sm"  title="删除此菜单" ng-click="deleteMenu(menu, sub, this);" href="javascript:;"><i class="fa fa-remove"></i></a>
                                                     
                                                   
                                                 </div>
                                             </div>
                                         </td>
                                     </tr>
                                     <tr><td style="padding-top:10px;"><a class="btn btn-primary" ng-click="addMenu()"><i class="fa fa-plus"></i> 添加主菜单</a></td></tr>
																		<tr><td style="padding-top:10px;">  <div class="fe-save-submit" ng-click="save()" style="margin-left:160px">保存菜单</div></td></tr>

                                 </tbody>
                             </table>
                         </div>
                     </div>
<?php include $this->template("modal");?>